<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"/>
	<title>项目二-1802-47-胡佩芬</title>
	<link href="style.css" rel="stylesheet" type="text/css"/> 
		<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
		<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>	
 </head>

	<body>
	I'm happy for you
	<div id="Container">
	YOUNG AND BEAUTIFUL
	
	<div id="Login">
	<ul>
	<li><a href="login.html">登录</a></li>
	<li><a href="register.html">注册</a></li>
	
	</ul>
	</div>
	
	<div id="Header">You are the apple of my eyes.</div>
	<div id="Nav">
	<ul>
	<li><a class="active" href="index.html">主页</a></li>
	<li><a href="search.html">喜欢</a></li>
	<li><a href="http://news.sohu.com">新闻</a></li>
	<li><a href="contact.html">联系</a></li>
	<li><a href="about.html">关于</a></li>
	</ul>
	</div>
	<div id="PageBody">
	<p>FEELINGS A FATAL</p>
		<div id="Mainbody">可爱如我 机智如你
		<div id="myCarousel" class="carousel slide">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>   
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1552303251113&di=30cd847724a3c0b397d89d2e2f596e5c&imgtype=0&src=http%3A%2F%2Fi-7.vcimg.com%2Ftrim%2Fdc2e02cbdfee5355d6ae6c1c6da03382185039%2Ftrim.jpg" alt="First slide">
		</div>
		<div class="item">
			<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1552303251113&di=6e9058d11ce4d9e1d0ce80b490aa3182&imgtype=0&src=http%3A%2F%2Fpic21.nipic.com%2F20120528%2F7205452_144417550319_2.jpg" alt="Second slide">
		</div>
		<div class="item">
			<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1552303654821&di=9bc04b74339905b2b25eef3b243d3d66&imgtype=0&src=http%3A%2F%2Fi-7.vcimg.com%2Ftrim%2F2dfd0e6f7a6c5526bb565823ea83c1ea131276%2Ftrim.jpg" alt="Third slide">
		</div>
	</div>
	<!-- 轮播（Carousel）导航 -->
	<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>
	<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>
</div> 
		</div>
		<div id="SideBer">侧边栏</div>
		
	 </div>
	 <div id="Footer">页面底部</div>
	 
	</div>
	
	</body>

</html>